.Menu2 {
  border: 2px outset rgb(255, 252, 252);
  background-color: rgba(170, 167, 167, 0.823);
  text-align: center;
  
  margin-block-start: 15px;
  margin-block-end: 15px;
  width: 100%;
  padding: 12px;
  display: inline-block;
  
}

.tableau2 div{
  box-shadow: 5px 5px 5px rgb(246, 245, 245);
  border-radius: 10px;
  width: 200px;
  margin-inline-start: 75px;
  
  
}
.tableau2{
  width:100%;
}

/*Mise en forme de l'image*/
.image{
  margin-top:20px;
  text-align: center;
}

img:hover{
  -ms-transform: scale(1.5); /* IE 9 */
  -webkit-transform: scale(1.5); /* Safari 3-8 */
  transform: scale(1.5);
}
  
/*Mise en forme de la légende*/
.legende1{
  background-color: rgba(255, 255, 255, 0.37);
  border-radius:5px;
  text-align:left;
  padding:10px;
  width:900px;
  margin-bottom: 10px;
}

.legende2{
  background-color: rgba(255, 255, 255, 0.37);
  border-radius:5px;
  text-align:left;
  padding:10px;
  width:900px;
  margin-left :20%;
  margin-bottom: 10px;
}

.legende2 p + .legende1 p{
  font-size:18px;
  
}

.legende1 h1{
  font-size:25px;
  text-decoration:underline;
}

.legende2 h1{
  font-size:25px;
  text-decoration:underline;
}

/*Bouton retour en haut*/

.bouton{
  position: fixed;
  bottom:55px;
  right:20px;
  font-size: 20px;
  text-decoration: none;
  border-radius:50%;
  width: 150px;
}

@media screen and (max-width: 600px)
{
  .Menu2 {
    margin-block-start: 7px;
    margin-block-end: 7px;
    width: auto;
    padding: 3px;
    
  }
  
  .tableau2 div{
    width:75px;
    margin-inline-start: 10px;
  }
  .tableau2{
    width:100%;
  }
  
  /*Mise en forme de l'image*/
  .image{
    margin-top:10px;
    text-align: center;
    height:auto;
    width:50px;
  }

  /*Mise en forme de la légende*/
  .legende1{
    background-color: rgba(255, 255, 255, 0.37);
    border-radius:5px;
    text-align:left;
    padding:10px;
    width:375px;
    margin-bottom: 10px;
  }
  
  .legende2{
    background-color: rgba(255, 255, 255, 0.37);
    border-radius:5px;
    text-align:left;
    padding:10px;
    width:375px;
    margin-left :0;
    margin-bottom: 10px;
  }
  
  .legende2 p + .legende1 p{
    font-size:10px;
    
  }
  
  .legende1 h1{
    font-size:20px;
    text-decoration:underline;
  }
  
  .legende2 h1{
    font-size:20px;
    text-decoration:underline;
  }
  
  /*Bouton retour en haut*/
  
  .bouton{
    position: fixed;
    bottom:10px;
    right:20px;
    font-size: 20px;
    text-decoration: none;
    border-radius:50%
    
  }
  
}